<template>
  <div class="doc">
    <!-- 此div用来加载PageOffice客户端控件 -->
    <div style="width:auto; height:100vh;" v-html="poHtmlCode"></div>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  name: 'DocView',
  data() {
    return {
      poHtmlCode: '',
    }
  },
  created: function () {
    // 请求后端项目打开文件的controller方法
    const queryParams = new URLSearchParams(window.location.search);
    const filePath = queryParams.get('filePath'); // 获取传递的"path"参数
    const data = {
      docDownloadPath: filePath
    }
    axios.post("/api/doc/openFile", data).then((response) => {
      this.poHtmlCode = response.data;
    }).catch(function (err) {
      console.log(err)
    })
  },
  methods: {
    OnPageOfficeCtrlInit() {
      // PageOffice的初始化事件回调函数，您可以在这里添加自定义按钮,示例如下：
      // pageofficectrl.AddCustomToolButton("保存", "mySave", 1);
    },

    // mySave() {
    //   pageofficectrl.WebSave();
    // },
    AfterDocumentOpened() {
      // PageOffice的文档打开后事件回调函数
    },
    BeforeDocumentSaved() {
      // PageOffice的文档保存前事件回调函数
    },
    AfterDocumentSaved() {
      // PageOffice的文档保存后事件回调函数
    }
  },
  mounted: function () {
    // 以下的为PageOffice事件的回调函数，名称不能改，否则PageOffice控件调用不到
    window.OnPageOfficeCtrlInit = this.OnPageOfficeCtrlInit;
    // window.mySave = this.mySave;
    window.AfterDocumentOpened = this.AfterDocumentOpened;
    window.BeforeDocumentSaved = this.BeforeDocumentSaved;
    window.AfterDocumentSaved = this.AfterDocumentSaved;
  }
}
</script>